import '@/utils/console'
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import "amfe-flexible" //引入flexible.js -> 设置根标签字体大小（移动端适配）
import 'highlight.js/styles/default.css' // 代码高亮的样式
import directiveObj from './utils/directive'
import './VueComponent'
import axios from 'axios'

Vue.use(directiveObj)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')


//大数问题
const str = '[{"id": 1302900300041101987}, {"id": 1205340366642205763}, {"id": 7689021398237123422}]'

const jsonBig = require('json-bigint')({
  storeAsString: true
})
const theArr = jsonBig.parse(str)


//跨域问题
// axios({
//   url: '/api/nc/article/headline/T1348647853363/0-40.html'
// }).then(res => {
//   console.log(res);
// })


//知识点 - 项目打包
//1.运行 npm run build打包命令，产生dist文件夹->src下跟main.js有引入关系的打包输出到dist下
//2.尝试用vscode中LiveServer网页运行插件（内置启动：5500网页浏览服务）
//LiveServer插件会把工作区（vscode编辑器根目录当作服务器根目录）
//问题：打开的index.html网页空白，控制台全是404错误
//原因：打包时，webpack在index.html中引入其他的打包文件路径全是/服务器根路径请求
//运行时，是在5500端口下运行，服务器根目录没有css和js文件夹，而是在index.html文件的隔壁（相对路径）
//解决：让webpack打包时，引入其它文件要以./开头，而不能以/开头
//在vue.config.js配置项目中，加入publicPath：'./'重新打包
//打包后观察index.html中，其实./被省略了
//最后，只需要把dist文件夹，发给运维就好 -> 部署上线
